// reset
ul,
li,
p {
  padding: 0;
  margin: 0;
}
ul,
li {
  list-style: none;
}

// z-index
$wik-header-z-index: 1000;
$wik-sticky-z-index: 999;

// color
$wik-table-column-color: var(--el-color-primary-light-9);

// mixin
// 定义三角形的 mixin
@mixin triangle($direction, $size, $color) {
  width: 0;
  height: 0;
  border: $size solid transparent;

  @if $direction == up {
    border-bottom-color: $color;
  } @else if $direction == down {
    border-top-color: $color;
  } @else if $direction == left {
    border-right-color: $color;
  } @else if $direction == right {
    border-left-color: $color;
  }
}

// 使用 mixin 创建向上三角形
.triangle-up {
  @include triangle(up, 4px, #ddd);
}
.triangle-up_active {
  @include triangle(up, 4px, var(--el-color-primary));
}

// 使用 mixin 创建向下三角形
.triangle-down {
  @include triangle(down, 4px, #ddd);
}
.triangle-down_active {
  @include triangle(down, 4px, var(--el-color-primary));
}

// 使用 mixin 创建向左三角形
.triangle-left {
  @include triangle(left, 10px, green);
}

// 使用 mixin 创建向右三角形
.triangle-right {
  @include triangle(right, 10px, yellow);
}
.wik-table-sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: $wik-sticky-z-index;
  background: #ffffff;
  &:has(.wik-table-header-item-title) {
    background: var(--el-fill-color-light);
  }
}
.wik-table-relative {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  background: none;
}
.wik-table-column-left-shadow {
  box-shadow: 4px 0 4px #0000000d;
}
.no-click {
  pointer-events: none; /* 禁止当前层的鼠标事件 */
}
.pop-bg {
  background: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 0 0 16px #00000014;
}
.wik-table-sticky-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-padding {
  padding: 0 !important;

  // &:hover {
  //   background: none !important;
  // }
}
.wik-table-selection {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center center;
  place-self: stretch stretch;
  width: 100%;
  height: 100%;
  background: #fafafa;
}
.wik-table-row-column-relative {
  position: relative !important;
  left: 0 !important;
}
